/* 全局重置 + 推荐使用border-box */
* {
    box-sizing: border-box; /* 关键！统一使用border-box */
    margin: 0;
    padding: 0;
  }
  
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 40px;
    background: #f5f5f5;
  }
  
  /* 定义通用盒子样式 */
  .box {
    width: 300px;          /* 总宽度=300px（含padding/border） */
    height: 150px;
    margin: 25px auto;     /* 水平居中 */
    border: 10px solid #3498db;
    padding: 20px;         /* 内边距 */
    background: #e8f4fc;
    text-align: center;
    line-height: 150px;    /* 文本垂直居中 */
    color: #2c3e50;
  }
  
  /* 特殊样式：对比content-box（实际不使用，仅演示） */
  .content-box {
    box-sizing: content-box; /* 默认值，但不推荐 */
    border-color: #e74c3c;   /* 红色边框区分 */
  }
  
  /* border-box 已通过全局设置生效，此处无需重复 */
  .border-box {
    border-color: #27ae60;   /* 绿色边框区分 */
  }